<div class="example-wrapper">
    <div>
        <span class="button-group">
            <button onclick="expandAllGroups()">Expand All</button>
            <button onclick="collapseAllGroups()">Collapse All</button>
            <button onclick="expandAthleteAndCompetitionGroups()">Expand Athlete & Competition</button>
            <button onclick="collapseCompetitionGroups()">Collapse Competition</button>
        </span>
    </div>
    <div id="myGrid"></div>
</div>
